@import "../base/fn";
.spread{
	padding-bottom: 5rem;
	.content{
		>h2{
			font-size: 1.24rem;
			color: #7c22df;
			text-align: center;
			margin-top: -.5rem;
		}
		.titles{
			font-size: .81rem;
			color: #000;
			padding: 0 1rem;
			span{
				color: #7c22df;
			}
		}
		.explain{
			width: 20rem;
			margin: .81rem auto;
			padding: .78rem;
			border-radius: .4rem;
			font-size: .87rem;
			color: #fff;
			background: linear-gradient(to right,#2b2cd5,#9c29fe);
		}
		.area_activity{
			box-shadow: 0 -5px 0 #eaeaea;
			margin-top: 1.92rem;
			padding: 1.4rem 0;
			.select_area{
				display: flex;
				justify-content: space-around;
				>p{
					width: 14.57rem;
					height: 2.24rem;
					line-height: 2.24rem;
					border: 1px solid #303030;
					border-radius: .4rem;
					font-size: .74rem;
					color: #2b2b2b;
					display: flex;
					justify-content: space-between;
					>span{
						display: flex;
						align-items: center;
						padding: 0 .68rem;
						>span{
							display: block;
							width: .44rem;
							height: .44rem;
							border-right: 1px solid #2b2b2b;
							border-top: 1px solid #2b2b2b;
							transform: rotate(45deg);
							margin-left: .68rem;
						}
					}
				}
				button{
					font-size: 1.04rem;
					color: #fff;
					background: linear-gradient(to bottom,#aa4afe,#7910fc);
					border: none;
					border-radius: .4rem;
					padding: .47rem 1.17rem;
				}
			}
			.process{
				>h2{
					font-size: 1rem;
					color: #000;
					font-weight: 600;
					padding: 0 .96rem;
					margin: 1.17rem 0 0 0;
				}
				>h6{
					font-size: .74rem;
					color: #5c5c5c;
					font-weight: 400;
					padding: 0 .96rem;
				}
				.data_lists{
					display: flex;
					flex-direction: column;
					>h5{
						display: flex;
						justify-content: space-between;
						background: #f8f8f8;
						border-top: 1px solid #ececec;
						border-bottom: 1px solid #ececec;
						padding: .56rem 1rem;
						margin-top: .99rem;
						p{
							font-size: .87rem;
							color: #5c5c5c;
						}
					}
					.data_list{
						align-self: flex-end;
						width: 22.3rem;
						display: flex;
						border-bottom: 1px solid #ececec;
						p{
							font-size: .87rem;
							color: #3f3f3f;
							padding: .87rem 0;
							white-space: nowrap;
						}
						p:nth-of-type(1){
							width: 5.58rem;
							display: flex;
							align-items: center;
							img{
								width: 1.43rem;
								height: 1.77rem;
								margin-right: .3rem;
							}
						}
						p:nth-of-type(2){
							width: 4.59rem;
							margin-left: 2rem;
							text-align: center;
						}
						p:nth-of-type(3){
							margin-left: 2rem;
							text-align: right;
							padding-right: .5rem;
						}
					}
					.mine{
						display:flex;
						justify-content:space-between;
						padding:.5rem 1rem;
						border-bottom: 1px solid #ececec;
						p{
							color: #ff3819;
						}
					}
				}
			}
		}
	}
	.provinces{
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background: rgba(0,0,0,.5);
		display: none;
		#sel_p,#sel_c,#sel_a{
			width: 30%;
			height: 70%;
			overflow: auto;
			background: #fff;
			p{
				height: 2.5rem;
				line-height: 2.5rem;
				text-align: center;
				white-space: nowrap;
			}
			.red1,.red2,.red3{
				color: #ec2121;
			}
		}
		#sel_p{
			border-right: 1px solid #efefef;
		}
		#sel_a{
			width: 40%;
		}
	}
}

